<template>
	<scroll-view scroll-y="true" class="com">
		<view class="top">
			<view class="head">
				个人中心
				<view class="r">
					<image src="../../../static/imgs/ic_mine_set_white.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="img">
				<image src="../../../static/imgs/ic_qm_default_head.jpg" mode="widthFix"></image>
				用户名
			</view>
		</view>
		<view class="box">
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_customer_lib.png" mode="widthFix"></image>
				客户库
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_authentication.png" mode="widthFix"></image>
				重新验证
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_vip.png" mode="widthFix"></image>
				开通会员
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_wallet.png" mode="widthFix"></image>
				我的钱包
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_service.png" mode="widthFix"></image>
				增值服务
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_design.png" mode="widthFix"></image>
				我的作品
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_release_dynamic.png" mode="widthFix"></image>
				发布作品
			</navigator>
			
			
			
		</view>
		<view class="nbox">
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_attention.png" mode="widthFix"></image>
				我的关注
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_collect.png" mode="widthFix"></image>
				我的收藏
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_footprint.png" mode="widthFix"></image>
				我的足迹
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_men_server.png" mode="widthFix"></image>
				联系平台
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_forum.png" mode="widthFix"></image>
				我的论坛
			</navigator>
			<navigator url="" class="li">
				<image src="../../../static/imgs/ic_mine_menu_question.png" mode="widthFix"></image>
				我的问答
			</navigator>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		methods: {
			
		},
		onLoad() {
		
		}
	}
</script>

<style scoped lang="less">
	.com{
		width: 100%;
		height: 100%;
		background-color: #F7F7F7;
		.nbox{
			margin: auto;
			background-color: #fff;
			padding-bottom: 41rpx;
			margin-top: 20rpx;
			.li{
				width:216rpx;
				display: inline-block;
				vertical-align: middle;
				text-align: center;
				margin-right: 17rpx;
				margin-left: 17rpx;
				margin-top: 47rpx;
				text{
					font-size:28rpx;
					display: inline-block;
					vertical-align: middle;
					margin-left: 10rpx;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(34,34,34,1);
				}
				image{
				display: block;
				width: 54rpx;
				margin: auto;
				margin-bottom: 23rpx;
				}
			}
		}
		.box{
			background-color: #fff;
			padding-bottom: 41rpx;
			.li{
				display: inline-block;
				width: 25%;
				vertical-align: middle;
				margin-top: 40rpx;
				font-size:32rpx;
				text-align: center;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(34,34,34,1);
				image{
					display: block;
					width: 64rpx;
					margin: auto;
					margin-bottom: 23rpx;
				}
			}
		}
		.top{
			height:400rpx;
			background:linear-gradient(0deg,rgba(255,29,114,1) 0%,rgba(255,123,41,1) 100%);
			.img{
				display: block;
				height: 108rpx;
					margin-top: 45rpx;
					font-size:30rpx;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(255,255,255,1);
					text-align: center;
					
				image{
					display: block;
				margin: auto;
					width: 108rpx;
					height: 108rpx;
				border-radius: 50%;
				overflow: hidden;
				margin-bottom: 25rpx;
				}
			}
			.head{
				height: 88rpx;
				line-height: 88rpx;
				position: relative;
				font-size:32rpx;
				text-align: center;
				font-family:PingFang SC;
				font-weight:normal;
				color:rgba(255,255,255,1);
				.r{
					position: absolute;
					right: 0;
					top: 0;
					width: 88rpx;
					height: 88rpx;
					text-align: center;
					line-height: 104rpx;
					image{
						display: inline-block;
						width: 42rpx;
						height: 40rpx;
						
					}
				}
			}
		}
	}
</style>
